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A SYSTEM AND METHOD FOR ORDERING 
CONSUMER ITEMS IN ELECTRONIC COMMERCE 

by 

Jacques Helot 
Masahiko Muranami 

FIELD OF THE INVENTION 

The present invention relates in general to electronic commerce 
and more particularly to a system and a method for ordering consumer 
items (including products and services) through an interactive computer 
environment. 

BACKGROUND OF THE INVENTION 

Electronic commerce (or "e-commerce") is quickly becoming a 
popular way to for consumers to order consumer items. Consumer 
items include both tangible and intangible commodities, such as, for 
example, products and services. E-commerce is the conduct of 
commerce in consumer items with the assistance of electronic tools 
(such as a computer or television connected to the Internet; a 
telephone; and a facsimile machine). For example, many businesses 
and merchants provide consumers with an opportunity to order 
consumer items at a web site provided on the Internet. 

Typically, the ordering process for a consumer item includes 
having the consumer review a text-based list of choices (such as a 
drop-down box) containing written descriptions of the consumer item. 
Next, the consumer is directed to make a selection based solely on 
these written descriptions. Some ordering processes include a 
graphical representation (such as a drawing or picture) of the consumer 
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item but only provide a generic representation that applies to several 
different combinations of consumer item. 

One problem, however, with both the text-based and generic 
picture ordering is that the consumer cannot see exactly what is being 
ordered. This can lead to consumer dissatisfaction when the order is 
received and a high incidence of returned orders. Another problem is 
that options available with a consumer item frequently depend on a 
previous choice, and these choices are not automatically updated. For 
example, if a notebook computer is being ordered the hard drives 
available may depend on the type of processor chosen, so that a 10 
gigabyte hard drive may only be available if a 500 MHz processor is 
selected. Frequently, however, the consumer will select a 500 MHz 
processor with an 8 gigabyte hard drive and, because the subsequent 
choices are not automatically updated, is not aware until after placing 
the order that only the 10 gigabyte hard drive is available with the 500 
MHz processor. This can cause considerable consumer frustration and 
may even cause the consumer to cancel the transaction. 

Therefore, as demand continues to grow for e-commerce there is 
needed is a simple and intuitive ordering system and method for a 
consumer to order consumer items. In addition, there is a need for an 
ordering system and method that provides the consumer with a real- 
time true representation of what is being ordered so that the consumer 
will not be disappointed when the order is delivered. Moreover, the 
ordering system and method would include automatic and real time 
updating of the available options so that the consumer could not choose 
an option that was unavailable. 



SUMMARY OF THE INVENTION 

To overcome the limitations in the prior art as described above, 
and to overcome other limitations that will become apparent upon 
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reading and understanding the present specification, the present 
invention is embodied in a system and method for ordering consumer 
items (such as products and services) in electronic commerce. The 
present invention provides a simple and intuitive user interface that 
presents to the consumer a real-time true representation of what is 
being ordered. In addition, the attributes of a consumer item (such as 
cost, weight and size) and the available options are updated in real time 
so that the consumer is kept informed as what is being ordered and 
cannot inadvertently select an unavailable option. 

The ordering system of the present invention includes an 
interactive computer environment (such as a networked computer 
environment) having a client and a server. A user (or consumer) uses 
the client to place the order. The client includes a control module, 
which controls the flow of data and information within the system and a 
user interface, which presents information and results to the consumer 
as a graphical or an audio representation. The user interface also 
permits the consumer to interact with the ordering system and select 
any available options presented. 

The server, which is used by a merchant to receive the order 
placed by the consumer, includes a database, statistical module and an 
update module. The database stores data used by the system including 
control data, program data, data structure and other types of data. The 
statistical module is coupled to the client and the database and receives 
statistical data regarding the ordering process (such as the number of 
times an available option is selected). The update module provides 
automatic real-time updates for the user interface so that the consumer 
is constantly aware of the status and parameters concerning an order. 
These parameters include, for example, what has been ordered, the 
available options and total cost of the order. 

The present invention is also embodied in a method for ordering 
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consumer items in electronic commerce using the above-described 
system. The method includes dividing a consumer item into intuitive 
pieces that include a base component (which is preferably used as a 
starting point for the order) and categories of available options that may 

5 be added to the base component. A base component is then presented 
to the consumer through the user interface and the consumer is invited 
to make a selection. Once a selection is made the user interface, 
representation of the consumer item and the available options are 
updated. This presentation, selection and updating is then repeated for 

10 the remainder of option categories and the consumer is invited to 
finalize the order. Finalizing the order may include, for example, 
specifying the method of payment or the method of shipment. 

Other aspects and advantages of the present invention as well as 
a more complete understanding thereof will become apparent from the 

15 following detailed description, taken in conjunction with the 

accompanying drawings, illustrating by way of example the principles of 
the invention. Moreover, it is intended that the scope of the invention be 
limited by the claims and not by the preceding summary or the following 
detailed description. 

20 

BRIEF DESCRIPTION OF THE DRAWINGS 

The present invention can be further understood by reference to 
the following description and attached drawings that illustrate the 
preferred embodiment. Other features and advantages will be apparent 
25 from the following detailed description of the preferred embodiment, 
taken in conjunction with the accompanying drawings, which illustrate, 
by way of example, the principles of the present invention. 

Referring now to the drawings in which like reference numbers 
represent corresponding parts throughout: 
30 FIG. 1 is a block diagram of an overall ordering system 



4 



HP Docket No. 10991266-1 



incorporating the present invention. 

FIG. 2 is a block diagram illustrating an apparatus for carrying out 
the present invention. 

FIG. 3 is a block diagram illustrating an overview of the present 
invention. 

FIG. 4 is a flow diagram illustrating the general operational flow of 
the present invention. 

FIG. 5 is a block diagram illustrating a processing method in 
accordance with the present invention. 

FIGS. 6 -1 1 are exemplary user interfaces of a working example 
of the system and method of the present invention. 

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS 

In the following description of the invention, reference is made to 
the accompanying drawings, which form a part thereof, and in which is 
shown by way of illustration a specific example whereby the invention 
may be practiced. It is to be understood that other embodiments may 
be utilized and structural changes may be made without departing from 
the scope of the present invention. 

I. General Overview 

Simple and intuitive ordering of products and services in 
electronic commerce is quite appealing for consumers. The present 
invention provides an interactive computer environment that makes the 
ordering of virtually any consumer item an easy and intuitive procedure. 
In particular, the user interface of the present invention presents to a 
user (or consumer) a consumer item that has been divided into a base 
component and corresponding available options. Once the consumer 
selects a desired base component and available options are quickly (in 
real time) and automatically updated. This real-time updating of 
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available options provides the consumer with a real-time knowledge of 
the options available after each previous choice and consumer is 
prevented from choosing an option that is not available with a particular 
base component or option. In addition, attributes (such as cost, weight 
5 and size) of the consumer item being ordered are updated automatically 
and in real time. 

The user interface of the present invention provides the consumer 
with a real-time representation of the consumer item being ordered. 
The user interface presents to the consumer a representation of the 

10 base component and options that th«i consumer has selected. If an 
additional option is selected the option is immediately added to the 
representation so that the consumer is provided with an up-to-the- 
minute representation of the consumer item being ordered. 

The system and method of the present invention can be used to 

15 order a plurality of diverse consumer items, including products and 

services. By way of example and not limitation, the present invention 
may be used to order products such as notebook computers, floral 
arrangements, pizza, automobiles, clothing and accessories, catered 
meals, table settings, window treatments, custom homes, aircraft and 

20 boats, to list a few. The present invention allows the user to see exactly 
what is being ordered, what options are currently available and provides 
useful information that helps the user make informed decisions 
regarding the ordering process. This information depends on the 
product being ordered, and may include, for example, costs, weight, 

25 calories, colors, size, weight, gas mileage, material, taxes, registration 
fees, insurance costs, room size and patterns. The present invention 
may also be used to order services, such as, for example, insurance 
plans, vacation packages and extended warranties. Depending on the 
services being ordered, the present invention provides useful 



6 



HP Docket No. 10991266-1 



information to the user, such as, for example, costs, ticket availability 
and travel time. 

II. Structural Overview 

5 FIG. 1 is a block diagram of an overall ordering system 

incorporating the present invention. In general, an ordering system 100 
that incorporates the present invention is provided for a user (or 
consumer) 1 1 0 to order a consumer item from a merchant. The 
consumer 110 uses the present invention to place an order (box 120) 

1 0 using a remote unit or client 1 30 (discussed further below). The client 
130 may be located, for example, in the consumer's home, in the 
merchant's store or in a booth at a shopping mall. 

The client 130 is coupled over a network 140 to a host unit or 
server 150 that receives the order (box 160). The server 150 

15 (discussed further below) may be located, for example, at a location 

away from the client 130, in the same general location as the client 130 
and even on the same apparatus as the client 130. The order is then 
processed (box 170) and delivered (box 180) as directed by the 
consumer. 

20 In the case where a product is ordered, delivery may be made, for 

example, by an express delivery service or by regular mail. Although 
the product usually will be delivered to the consumer 110 that ordered 
the product, in some cases the product may be delivered to a third-party 
designated by the consumer 110. In the case where a service has been 

25 ordered, delivery may occur in several ways including, for example, 
notification by mail of the commencement of insurance coverage. 

FIG. 2 is a block diagram illustrating an apparatus for carrying out 
the present invention. The following discussion provides a general 
description of a suitable computing environment in which the present 

30 invention may be implemented. The invention will be described in the 
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general context of computer-executable instructions (such as program 
modules) being executed by a computer. 

As shown in FIG. 2, an exemplary system for implementing the 
present invention includes a general-purpose computing device in the 
form of a conventional computer 200. The computer 200 includes a 
central processing unit 203, a system memory 206 and a system bus 
209. The system bus 209, which couples various system components 
including the system memory 206 to the central processing unit 203, 
may be any of several types of bus structures including memory bus or 
memory controller, a peripheral bus and a local bus using any of a 
variety of bus architectures. 

The system memory 206 includes computer storage media in the 
form of read-only memory (ROM) 212 and random access memory 
(RAM) 215. A basic input/output system (BIOS) 218 is stored in the 
ROM 212 and contains the basic routines that help transfer information 
between components of the computer 200, such as during start-up. 

The computer 200 may also include storage devices 222. The 
storage devices 222 include, for example, a hard disk drive, for reading 
from and writing to a hard disk, a magnetic disk drive, for reading from 
and writing to a removable magnetic disk, and an optical disk drive, for 
reading from and writing to a removable optical disk (such as, for 
example, a CD-ROM or other type of optical media). These drives and 
their associated computer-readable media provide storage of computer- 
readable instructions, data structures, program modules and other data 
for the computer 200. Although the exemplary environment described 
herein employs a hard disk, a removable magnetic disk and a 
removable optical disk, it should be appreciated that those skilled in the 
art would recognize that other types of computer-readable media can 
store data that can be accessed by the computer 200. Thus, computer- 
readable media may be any available media that is accessible by the 
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computer 200. By way of example and not limitation, computer- 
readable media includes communication media and computer storage 
media. 

For example, computer storage media includes RAM, ROM, 
5 erasable programmable read-only memory (EPROM), flash memory 
and other types of memory technology, CD-ROM, digital video disks 
(DVD) and other types of optical storage media, magnetic cassettes, 
magnetic tape, magnetic disk storage and other types of magnetic 
storage devices, and any other medium that can be used to store the 

10 desired information and that is accessible by the computer 200. 

Further, any combinations of the above is also included within the 
meaning of computer-readable media. 

Numerous program modules may be stored on the hard disk, 
magnetic disk, optical disk, ROM 212 and RAM 215 including software 

15 and data 224. Software and data 224 include, for example, application 
programs, other program modules and program data. A user may 
interact with the computer 200 by entering commands and information 
through other input devices 225 such as a keyboard and pointing device 
(such as a mouse). Other input devices 225 may include, for example, 

20 a microphone, joystick, game pad, satellite dish, scanner, video camera, 
digital camera, and the like. These and other input devices 225 may be 
connected to the central processing unit 203 through, for example, a 
serial port, a parallel port, game port or a universal serial bus (USB) that 
is coupled to the system bus 209. A monitor 260 or other type of 

25 display device is connected to the system bus 209 through a video 

interface 263 (such as a video adapter). Further, additional peripheral 
devices (such as speakers and printers) may be connected to the 
computer 200. 

The computer 200 may be operated in a networked environment 
30 using logical connections to one or more remote computers (such as a 
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remote computer 266). The remote computer 266 may be a personal 
computer (PC), a server, a router, a network PC, a peer device or other 
type of network node, and typically includes several or all of the 
elements described above in connection with the computer 200. Only a 
5 memory storage device 269 having software and data 270 residing 

thereon, however, has been illustrated with the remote computer 266 in 
FIG. 2. The logical connections shown in FIG. 2 include a local area 
network (LAN) 272 and a wide area network (WAN) 275, such as, for 
example, the Internet and World-Wide Web (WWW). Such networking 

10 environments are commonplace in offices, enterprise-wide computer 
networks, intranets and the Internet. 

If the computer 200 is used in a LAN networking environment, the 
computer 200 is coupled to the local network 272 through a network 
interface 278 (such as a network adapter). If the computer 200 is used 

15 in a WAN networking environment, the computer 200 is generally 

coupled to the WAN (such as the Internet) through a modem 281 or 
other means for establishing communications over the WAN (such as a 
cable modem). 

In a networked environment, program modules depicted relative 
20 to the computer 200, or portions thereof, may be stored in the remote 
memory storage device 269. Further, in a networked environment the 
execution of computer-readable instructions within the program 
modules as well as processing and data manipulation may occur on the 
computer 200, the remote computer 266, or both. It will be appreciated 
25 that the network connections shown are exemplary and other means of 
establishing a communications link and transferring data between the 
computer 200 and the remote computer 266 may be used. 

FIG. 3 is a block diagram illustrating an overview of the present 
invention. The present invention is embodied in a system and a method 
30 for ordering a product or service using a user interface that provides 
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real-time updating of available options and properties of the product or 
service. Preferably, as shown in FIG. 3, the ordering system 300 of 
present invention is implemented in a networked environment that 
includes a host unit or server 305 and a remote unit or client 310. The 
server 305 and the client 310 may be physically separate computer 
systems that are located at different locations or at the same location. 
Further, the server 305 and client 310 may be both located on the same 
computer system. If located on separate computer systems, the server 
305 and client 310 communicate with each other and transfer data, 
instructions and results over a network (not shown) as discussed above. 

The client 310 includes a user interface 315, such as a graphical 
user interface (GUI), for presenting to the consumer real-time 
information about the product or service being ordered. The user 
interface 315 includes a presentation module 320, for presenting a 
representation and attributes (such as characteristic information about 
the product or service), and an interactive module 325, for providing a 
means for a consumer interact with the ordering system. For example, 
the interactive module 325 can provide a way for a user to add an 
option by dragging and dropping. A control module 330 coupled to the 
user interface 315 provides control for the user interface and real time 
user interactivity by controlling the flow of data and updating of 
information between the server 305 and the client 310. 

The presentation module 320 includes a representation module 
335, which presents to a consumer a real-time representation of the 
product or service that has been ordered, including all the selected 
options. This representation includes a graphical representation (such 
as a photograph or an icon) and an audio representation (such as a 
spoken or musical description) of the product or service. The 
presentation module 320 also includes an options module 340, which 
provides the consumer with a real-time representation of the available 
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options. Similar to the representation module 335, the representation 
includes a graphical and an audio representation. As explained further 
below in reference to FIG. 5, these available options generally depend 
on which base component and options have been previously selected. 
Further, the presentation module 320 includes an attributes module 345 
that presents to the consumer a real-time record of certain attributes 
associated with the product or service. These attributes include any 
characteristic of the product or service that may be useful or desired by 
the consumer. By way of example and not limitation, these attributes 
include a total price for a product or service, total weight and size for a 
product, miles per gallon if the product is a vehicle, calories if the 
product is a food item and so forth. Virtually any characteristic 
associated with the product or service can be presented to the 
consumer through the attributes module 345. 

The server 305 includes an update module 350 for updating the 
user interface 315, a statistical module 355 for providing statistical data 
regarding the order to the merchant and a database 360 for storing data 
pertaining to the ordering process. The update module 350, which is 
coupled to the representation module 335, the options module 340 and 
the attributes module 345, includes an attributes update module 365, a 
representation update module 370, an options update module 375 and 
an interactive update module 380. Each of the attributes, 
representation, options and interactive update modules (365, 370, 375, 
380) provides updates for the attributes module 345, the representation 
module 335, the options module 340 and the interactive module 325, 
respectively. 

The statistical module 355 receives and processes statistical data 
from the client 310. This statistical data, which has significance to the 
merchant, can be received from any of the modules on the client 310. 
This statistical data is generally user information and information 
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regarding the order that is compiled from a plurality of users so that 
certain ordering trends and tendencies can be examined by the 
merchant. For example, the statistical data may provide insight into a 
consumer's state of mind by recording how long users hovered over 
5 particular options and how many consumers change began but did not 
complete the ordering process. This statistical information provides 
valuable data to merchants that permits merchants to modify their retail 
and marketing strategies to maximize profits and sales. 

In a preferred embodiment of the invention the modules are 

1 0 located on the client 31 0 and the server 305 as shown in FIG. 3. 
Alternatively, other arrangements are possible. For example, the 
update module 350 may be located on the client 310 instead of the 
server 305, which would place more processing load on the client but 
also reduce the amount of information transmitted over the network. In 

15 another embodiment, the invention may be as shown in FIG. 3 except 
that the control module would be located on the server 305. In this 
embodiment nearly all of the processing would be performed by the 
server 305 and a great deal of information would be transmitted over 
the network. Those skilled in the art will recognize other arrangements 

20 other than those mentioned that may be better suited to a particular 
operating environment. 

III. O perational Overview 

FIG. 4 is a flow diagram illustrating the general operational flow of 
25 the present invention. Specifically, a product or service to be presented 
to a consumer is divided into a base component and categories of 
available options (box 400). Although the division depends greatly on 
the type of product or service, in a preferred embodiment the division is 
one in which the product or service is presented to the consumer in a 
30 clear and intuitive manner. By way of example and not limitation, if the 
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product is a pizza, the base component may be the diameter (assuming 
a round pizza) of the pizza. In addition, a plurality of base components 
may be available for each product or service. For instance, the pizza 
may be available in small (8-inch), medium (12-inch) and large (16-inch) 
5 sizes. Continuing with the pizza example, the first available option may 
be the type of crust (such as regular thin, regular thick, soft thin and soft 
thick). The next available option may be type of vegetable (such as 
tomatoes, mushrooms, spinach and onions). Other categories of 
options, such as type of meat, types of cheese and so forth, may also 

10 be used when dividing the pizza into available options. 

Next, the product or service is presented to the consumer through 
the client (box 410). This presentation includes the available base 
components and each of the different categories of available options for 
the product or service. The consumer begins assembling the product or 

15 service by selecting one of the base components (box 420). "Selecting" 
means that a cursor of a pointing device (such as mouse cursor) is 
moved to a location overlying a selection. In a preferred embodiment, it 
not necessary to click the selection with the pointing device in order to 
initiate updating, and simply moving the cursor of the pointing device 

20 over the selection provides automatic and real-time updating of the 
product or service representation, available options and attributes. 
Moreover, in a preferred embodiment, the updating is displayed to the 
consumer only when the cursor is positioned over the selection and is 
not permanently updated until the selection is clicked. 

25 An update is performed on the user interface, representation of 

the product or service and the available options based on which base 
component was selected (box 430). Further, the user interface 
(including the attributes associated with the product or service) is 
updated to show any changes that have occurred because of the 

30 selection (such as updating of the total cost or total calories). In 
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addition, the representation of the product or service shown in the user 
interface is updated so that the consumer is informed as to what has 
been ordered. As mentioned above, this representation includes a 
graphical and an audio representation. For instance, if the product or 
5 service is represented graphically by a photograph the photograph may 
be updated by adding the option selected to the photograph. This 
provides the consumer using the present invention with real-time 
information as to which options have been selected. 

In a preferred embodiment the present invention provides 

10 previewing capabilities so that the base component or option does not 
need to be selected for updating to occur. For example, if the 
representation of the product or service is graphical, updating may 
occur if the consumer positions a pointing device (such as a mouse) 
over an icon of an available option. For instance, a total price, total 

15 calories and currently available options may be updated and presented 
to the consumer if the consumer holds a mouse cursor over an icon for 
a length of time. This preview capability alleviates having to select an 
option to see the outcome only to later reverse that selection. 

The selection of a base component or option may also influence 

20 the availability of subsequent options. As explained further below in 
connection with FIG. 5, the subsequent options may become 
unavailable depending on which of the base components and previous 
options was selected. There are several ways the consumer may be 
notified that these options have become unavailable. In a preferred 

25 embodiment, the unavailable option not represented in the category of 
available options. Alternatively, if there is a graphical representation of 
the category, the unavailable option is "grayed out" (is colored a shade 
of gray) to indicate that the option is unavailable. Further, the consumer 
is prevented from selecting an unavailable option (such as by clicking 

30 on the unavailable option with a mouse). For embodiments that include 
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audio representations the unavailable option can be deleted from the 
audible list of options. This automatic and real-time updating of the 
availability of subsequent options prevents consumer frustration and 
ordering delays by preventing the consumer from selecting an 
5 unavailable option. 

A category of available options is then presented to the consumer 
through the client (box 440). Unavailable options, if any, are made 
unselectable as described above. The consumer then examines and 
selects the desired available options within the category (box 450). 

10 Based on the option selected, a user interface (including attributes), 
representation of the product or service and available options are 
updated (box 460). A check is then made to see if there are more 
categories of options available (box 470). If so, the consumer is 
directed to a new category of available options. Otherwise, the 

15 consumer is invited to finalize the order (box 480). 

Finalizing the order can include, for example, proceeding to a 
checkout that may include payment and shipping options. In a 
preferred embodiment, payment and shipping options include graphical 
and audio representations. A graphical representation may include 

20 icons symbolizing the various ways payment and shipping can occur. 

For instance, a payment screen may show credit card, digital check and 
digital wallet icons, and the shipping screen may show airplane, truck 
and ship icons. An audio representation may include sounds associated 
with the various payment and shipping options (such as a airplane 

25 sound for shipping by air). 

As mentioned above, available options may change depending on 
which base component and subsequent options are selected. In other 
words, the choices that have been made previously may affect the 
choices that are available in the future. FIG. 5 is a block diagram that 

30 illustrates an example of how previous choices can affect subsequent 
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choices. A user interface 500 includes a representation window 505 
that illustrates a current graphical representation of a product or service 
as selected by the consumer. The user interface 500 also includes an 
interactive attributes and data display window 510 that provides current 
5 attributes and data information that is updated according to the 
selections made by the consumer. 

An options window 515 provides the consumer with a 
representation of the options categories and the available options within 
each category. This options window includes a base component 
10 category (520), a category 1 (525), a category 2 (530) and a category N 
(535). Each category has a certain number of options available, and 
each of the categories in this is shown as initially having N available 
options. 

As an example of how the updating of available options operates, 

1 5 assume that the consumer starts with the base component category 
(520) and selects option 1 (540). As shown by the dashed lines 542, 
the selection of option 1 (540) in the base component category (520) 
automatically and in real time limits the available options in category 1 
(525). Specifically, only option 1 (545) and option 2 (550) within 

20 category 1 (525) are available options because of the selection in the 
base component category (520). The other options in category 1 (525) 
including option 3 (555) through option N (560) are made unavailable to 
and cannot by selected by the consumer. 

If option 1 (545) in category 1 (525) is selected then the available 

25 options in other categories are automatically updated in real time. As 
shown by the dashed line 562, the only option that is shown as 
available in category 2 (530) is option 3 (565). Selection of option 3 
(565) in category 2 (530) immediately updates the available options in 
the other categories including category N (535). As shown by the 

30 dashed lines 567, option 2 (570) and option 3 (575) are shown as 
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available in category N (535) based on the preceding selections. Many 
other selection combinations are possible, and all include real time 
updating of available options (as illustrated in this example) as well as 
attributes and statistical data occurs based on selections made by the 
5 consumer. 

IV. Working Example 

FIGS. 6-11 are exemplary user interfaces of a working example 
of the system and method of the present invention. The following 

1 0 description of this working example us provided to illustrate only one of 
several ways in which the present invention may be implement. In this 
working example, the product is a notebook computer and a user 
interface for a notebook computer ordering system is illustrated. The 
user interface includes an attributes area 600 that includes a total cost 

1 5 window 605 and a total weight window 61 0. Below the attributes area 
600 is a representation window 615 that, preferably, graphically depicts 
the product or service as it has been selected by the consumer. As 
discussed above, this representation window 615 is automatically and in 
real time updated to depict the current selections. 

20 Under the representation window 61 5 is the interactive area 620 

that provides an interactive interface for the consumer. In this working 
example, the interactive area 620 includes a box for removing a 
previously selected item (box 625), a box for removing the last item 
selected (box 630), a box for starting the ordering process over (box 

25 635) and a box for proceeding to checkout (box 640). An options area 
645 is shown to the right of the attributes area 600, representation 
window 61 5 and interactive area 620. The options area 645 includes all 
of the categories into which the product or service has been divided. In 
this example, the notebook computer has been divided into a case 

30 category 650, a processor category 655, a screen category 660, a hard 
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drive category 665 and a CD-ROM drive category 670. It should be 
noted that several other categories (such as DVD drives and docking 
accessories) may be used with this system, but are not shown due to 
space considerations. 
5 In this working example, a selection first is made in the case 

category 650, as illustrated by a frame 672 around the case category 
650. The cursor 674 of a mouse is placed on notebook "A", the mouse 
is clicked and, as shown by the dotted line 677, notebook "A" is dragged 
to and dropped in the representation window 615. It should be noted 

10 that in a preferred embodiment the selection can be dragged and 
dropped anywhere within the representation window 615. 

Referring to FIG. 7, the user interface is shown just after 
notebook "A" was dragged to and dropped in the representation window 
615. The representation window 615 has been updated, and now 

15 depicts notebook "A". Further, the total cost window 605 has been 

updated to shown the total cost of the order thus far and the total weight 
window 610 has been updated to show the total weight of the order. 
The options available in the remaining categories have also been 
updated based on the selection of notebook "A". In particular, in the 

20 processor category 655 the 233 MHz processor and the 266 MHz 

processor have been faded out (as shown by dotted lines), indicating 
that those options are not available. Alternatively, the 233 MHz and the 
266 MHz processors could have been removed from the processor 
category 655 altogether. Other options shown as unavailable (based on 

25 the selection of notebook "A") are the 12.1 inch screen, the 4 gigabyte 
(GB) hard drive and the 20X and 30X CD-ROM drives. 

The frame 672 has been moved down to highlight the processor 
category 655 and indicates that a selection should now be made from 
the processor category 655. A selection is then made from the 

30 processor category 655 (noting that the 233 MHz and 266 MHz 
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processors cannot be selected). In this example a 500 MHz processor 
is selected. Similar to above, a selection is made by positioning the 
cursor 674 over the 500 MHz processor and clicking the mouse. As 
shown by the dotted line 682, the 500 MHz processor is then dragged to 
5 the representation window 615 and dropped. 

FIG. 8 shows the user interface after the 500 MHz processor has 
been dragged and dropped in the representation window 615. The total 
cost window 605 and the total weight window 610 have both been 
updated to reflect the additional cost and weight of the 500 MHz 

10 processor. In addition, the representation window 615 has been 
updated to illustrate the addition of the 500 MHz processor (in the 
correct location the processor occupies in the notebook computer) and 
the available options in the remaining categories have been updated. 
Specifically, in addition to the 4 GB hard drive the 8 GB hard drive has 

15 also become unavailable with the selection of the 500 MHz processor, 
and the 20X and 30X CD-ROM drives remain unavailable. 

The frame 672 is now around and highlights the screen category 
660 indicating an option should be selected. In this case, only the 13 
inch and 14 inch screens are available. As shown by the dotted line 

20 687, the 14 inch screen is selected by positioning the cursor 674 over 
the 14 inch screen, clicking the mouse, dragging and dropping the 14 
inch screen into the representation window 615. 

FIG. 9 illustrates the user interface after the selection of the 14 
inch screen. The total cost window 605 and the total weight window 

25 610 have been updated along with the available options (note that the 
20X and 30X CD-ROM drives remain unavailable). The representation 
window 615 depicts a notebook computer with all the options that have 
been selected thus far. The frame 672 is highlighting the hard drive 
category 665 and, as shown by the dotted line 692, the 10 GB hard 
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drive is selected by dragging and dropping the 10 GB hard drive onto 
the representation window 615. 

FIG. 10 shows the user interface after the selection of the 10 GB 
hard drive. In particular, the total cost window 605 and the total weight 
5 window 61 0 have been updated to reflect the additional cost and weight 
of the hard drive. The representation window 615 has also been 
updated to illustrate the addition of the 1 0 GB hard drive to the 
notebook computer (in the correct location the hard drive occupies in 
the notebook computer). The frame 672 is highlighting the CD-ROM 

10 drive category 670 indicating that a CD-ROM option should be selected. 
As shown by dotted line 697, a 40X CD-ROM drive is selected by 
dragging and dropping the drive into the representation window 615. 

FIG. 1 1 illustrates the user interface after the selection of the 40X 
CD-ROM drive and prior to clicking the checkout button (box 640). The 

15 total cost 605 and total weight 610 windows have been updated and 
reflect the addition of the 40X CD-ROM. Further, the representation 
window 615 illustrates the notebook computer as selected (with the CD- 
ROM drive in the correct location it occupies in the notebook computer) 
and configured by the consumer in the ordering process. In this 

20 example the consumer is now ready to proceed to checkout (box 640), 
which may include, for example, selecting a payment method and a 
shipping method. In this working example, when checkout (box 640) is 
selected a shipping cost window 1 100 appears providing to the user the 
costs of shipping the order. 

25 At any time during the ordering process the consumer could have 

selected a button to remove a previously selected item (box 625), 
remove the last item selected (box 630) or start over (box 635). 
Further, after each option is selected the attributes area 600, 
representation window 615 and available options in the options area 

30 645 are updated automatically in real time so that the consumer 
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remains continuously informed of the consequences (such as cost, 
weight and available options) of each selection. Moreover, the 
representation window provides the consumer with a real-time depiction 
of what is actually being ordered. 
5 The foregoing description of the preferred embodiments of the 

invention has been presented for the purposes of illustration and 
description. It is not intended to be exhaustive or to limit the invention 
to the precise form disclosed. Accordingly, the foregoing description 
should be regarded as illustrative rather than restrictive, and it should 
10 be appreciated that variations may be made in the embodiments 

described by workers skilled in the art without departing from the scope 
of the present invention as defined by the following claims. 
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WHAT IS CLAIMED IS : 

1 . A computer-implemented method for ordering a consumer 
item from a remote location, comprising: 

providing graphical selection of a plurality of options of the 
consumer item with an interactive environment at the remote location; 

overlaying selected options on the consumer item; and 
graphically updating the consumer item automatically at the 
remote location in response to the selected options to reflect 
incorporation of the selected option. 

2. The method of claim 1 , further comprising providing a user 
interface that presents to the user information about the consumer item. 

3. The method of claim 2, wherein the user interface is a 
graphical user interface having an interaction device to allow dragging 
and dropping of the overlayed options on the consumer item. 

4. The method of claim 2, wherein updating the consumer 
item with the selected options occurs in real-time as the options are 
selected. 

5. The method of claim 1 , wherein the updating is presented 
with an audio/visual representation. 

6. The method of claim 1 , wherein the options depend in part 
on previously selected options. 

7. The method of claim 1 , wherein selection of unavailable 
options is prevented. 
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8. The method of claim 2, wherein the information comprises 
attributes associated with the consumer item. 

5 9. The method of claim 8, further comprising automatic and 

real-time updating of the attributes. 

1 0. The method of claim 9, wherein the attributes comprise a 
characteristic of the consumer item. 

10 

1 1 . The method of claim 1 , further comprising collecting 
statistical data associated with the order. 

12. The method of claim 1 , wherein a server and a client 
15 located at the remote location communicate over the Internet. 

1 3. A display device having rendered thereon data and 
information for ordering a consumer item, the display device comprising: 

a user interface comprising: 
20 an options window providing a graphical selection of 

options of the consumer item; 

an interactive module allowing a user to add an 
option by overlaying the option on the consumer item; and 

an update module wherein the options are updated 
25 automatically in response to an option selection. 

14. The display device of claim 1 3, wherein the options are 
divided into categories. 
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1 5. The display device of claim 14, wherein the categories 
comprise a base component category and an available options 
category. 

5 16. The display device of claim 1 3, wherein the user interface 

further comprises a representation window that provides a 
representation of the consumer item with selected options. 

1 7. The display device of claim 1 6, wherein the representation 
10 is an actual representation of the consumer item with selected options. 

18. The display device of claim 13, wherein the user interface 
further comprises an interactive attributes and data display window that 
provides current attributes and data information about the consumer 

15 item. 

1 9. The display device of claim 1 8, wherein the current 
attributes and data information is updated by the update module. 

20 20. An ordering system for ordering a consumer item from a 

remote location, comprising: 

a user interface at the remote location that provides a 

graphical selection of options of the consumer item and allows adding 

an option by overlaying the option on the consumer item; and 
25 an update module that provides automatic updating of the 

consumer item with consumer item information in response to the 

adding of the options. 

21 . The ordering system of claim 20, wherein the consumer 
30 item information is at least one of: (a) a representation of the consumer 
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item; (b) the graphical selection of options of the consumer item; (c) 
attributes associated with the consumer item. 

22. The ordering system of claim 20, wherein the user interface 
5 further comprises a representation module that presents a 

representation of the consumer item. 

23. The ordering system of claim 22, wherein the 
representation is a true representation of the consumer item with 

10 selected options. 

24. The ordering system of claim 20, wherein the graphical 
selection of options depends partially on previously selected options. 

15 25. The ordering system of claim 20, wherein the user interface 

further comprises an attributes module that presents attributes 
associated with the consumer item. 

26. The ordering system of claim 25, wherein the attributes 
20 comprise a characteristic of the consumer item. 

27. The ordering system of claim 20, further comprising a 
statistical module that receives and processes statistical data from the 
remote location. 

25 

28. The ordering system of claim 27, wherein the statistical 
data comprises at least one of: (a) user information; (b) ordering 
trends; (c) information regarding the ordering process. 
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ABSTRACT OF THE DISCLOSURE 

This present invention is embodied in a system and method for 
ordering a consumer item (such as a product or a service) in an 
5 interactive computer environment. The system of the present invention 
includes a user interface that provides automatic and real-time updating 
of attributes and available options of the consumer item being ordered. 
Further, the user interface provides a true visual or audio representation 
of the consumer item as it is being ordered. The present invention also 

10 includes a method for ordering a consumer item using this system. The 
method includes separating the consumer item into intuitive portions 
that includes base components and categories of available options. 
The base components and options categories are presented to a 
consumer through the user interface and the consumer selects the 

15 available choices. The method of the present invention includes 

automatic and real-time updating of attributes and available options so 
as to provide the consumer with current information and ensure that the 
consumer cannot select an unavailable option. 



EXPRESS MAIL CERTIFICATE UNDER 37 C.F.R. 1.10 
Express Mail mailing number: EL433215067US 
Date of Deposit: November 12. 1999 

I hereby certify that this paper or fee is being deposited with the 
United States Postal Service "Express Mail Post Office to 
Addressee" service under 37 C.F.R. 1.10 on the date indicated 
above and is addressed to the Assistant Commissioner for Patents, 
Box Patent Application, Washington D.C. 20231. 
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